<template>
  <v-page
    class="chart-page"
    @touchmove.native="touchmove"
    @touchend.native="touchend"
  >
    <!-- 消息容器 -->
    <msg-list class="flex-fill overflow-hidden" />
    <!-- 消息创建 -->
    <create-msg-box />
  </v-page>
</template>
<script>
import msgList from "./layout/msg-list.vue";
import createMsgBox from "./layout/create-msg-box.vue";
export default {
  name: "chat",
  components: {
    msgList,
    createMsgBox,
  },
  data() {
    return {};
  },
  onNavigationBarButtonTap() {
    this._router.push('/pages/other/user-detail')
  },
  methods: {
    touchmove($ev) {
      uni.$emit("touchmove", $ev);
    },
    touchend($ev) {
      uni.$emit("touchend", $ev);
    },
  },
};
</script>
<style lang="scss" scoped>
.chart-page {
  color: #333;
  /*  #ifndef  H5  */
  height: 100vh;
  /*  #endif  */
  /*  #ifdef  H5  */
  height: calc(100vh - 88rpx);
  /*  #endif  */
}
</style>